<template>
  <div class="elm-edit pfull" style="overflow: hidden;">
    <elm-page-tb>
      <template #top>
        <el-date-picker v-model="postData.now_year" type="month" value-format="yyyy-MM" placeholder="选择年月" size="mini" style="width: 200px;" clearable></el-date-picker>
        <el-input v-model="postData.name" placeholder="请输入项目名称关键字" prefix-icon='el-icon-search' size="mini" style="width: 200px; margin-left: 10px;" clearable></el-input>
        <right>
          <el-button-group>
            <el-button icon="el-icon-search" size="mini" @click="tablebinding()">查询</el-button>
          </el-button-group>
        </right>
      </template>
      <elm-table url="/business/analysis/cockpit/GetPjNumList" :post-data="postData" :show-index="true">
        <el-table-column prop="sys_code_key" label="项目编号" align="center">
        </el-table-column>
        <el-table-column prop="name" label="名称" header-align="center">
        </el-table-column>
        <el-table-column prop="type_mc" label="项目类型" align="center">
        </el-table-column>
        <el-table-column prop="money" label="项目资金(万元)" header-align="center" align="right">
        </el-table-column>
        <el-table-column prop="org_mc" label="所属部门" header-align="center">
        </el-table-column>
        <el-table-column prop="manager_mc" label="项目经理" align="center">
        </el-table-column>
        <el-table-column prop="b_sdate" label="开工日期" align="center">
        </el-table-column>
        <el-table-column prop="contract_key" label="合同编号" align="center">
        </el-table-column>
        <el-table-column prop="a_org" label="委托单位" header-align="center">
        </el-table-column>
        <el-table-column label="进度" width="150px" align="center">
          <template v-slot="scope">
            <div style="display: inline-block;width: 80px;margin-right:10px;">
              <el-progress :text-inside="true" :stroke-width="15" :percentage="scope.row.progress"
                           :color="scope.row.progress<50?'#f56c6c':'#6f7ad3'" text-color="#fff"></el-progress>
            </div>
          </template>
        </el-table-column>
        <el-table-column label="操作" width="80px" align="center"  style="position:absolute">
          <template v-slot="scope">
            <elm-open-button url="/business/analysis/cockpit_pj_info" title="查看" width="70%" height="80%" :data="{ pj_id: scope.row.id }" type="text">查看</elm-open-button>
          </template>
        </el-table-column>
      </elm-table>
    </elm-page-tb>
  </div>
</template>

<script>
export default {
  extends: elmVueBase,
  data() {
    return {
      postData: {
        now_year: elm.dialog.request.now_year,
        name: null,
      },
    }
  },
  created() {
  },
  mounted() {
  },
  methods: {
  }
}
</script>

<style>
</style>